
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>购物商城-提交订单</title>
    <style>
        *{
            margin:0 auto;
            padding:0;
            list-style: none;
        }
        .header-a {
            text-decoration: none;
            color: #CCCCCC;
        }
        .header-a:hover {
            color: black;
        }
        .header_li1 {
            float: left;
            line-height: 30px;
            margin-left: 24px;
            text-align: center;
        }
        .header_li1 a {
            text-decoration: none;
            color: #FFFFFF;
            font-size: 13px;
            border-right: #CCCCCC;
        }
        .header_li1 a:hover {
            color: #FFFF00;
        }
        .li2{
            float:left;
        }
    </style>
</head>
<body>
<iframe src="header.jsp" scrolling="no"  frameborder="0" width="100%" height="260px;"></iframe>
    <p style="font-weight: bold">填写核对订单信息</p>
    <div style=";padding:10px;margin-top: 15px;width:974px;height:900px;background-color: #FFFFFF;border-radius: 3px">
        <div style="width:954px;margin-top: 20px;height: 350px;background-color: #EFF5F8;border-top:#BBD4E0 2px solid;border-bottom: #BBD4E0 2px solid">
            <p>收获人信息</p>
            <table style="border-spacing: 10px;font-size: 15px;margin-left: 20px">
                <tr>
                    <td>
                        <span style="color:red;">*</span>收货人姓名：
                    </td>
                    <td>
                        <input type="text" style="border:#81B0C7 1.5px solid;width: 180px;height: 25px;">
                    </td>
                </tr>
                <tr>
                    <td>
                        <span style="color:red;">*</span>地址：
                    </td>
                    <td>
                        <input type="text" style="border:#81B0C7 1.5px solid;width: 180px;height: 25px;">
                    </td>
                </tr>
                <tr>
                    <td>
                        <span style="color:red;">*</span>电话号码：
                    </td>
                    <td>
                        <input type="text" style="border:#81B0C7 1.5px solid;width: 180px;height: 25px;">
                        <span>用于接收发货通知短信及送货前的确认</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span style="color:red;">*</span>邮箱：
                    </td>
                    <td>
                        <input type="text" style="border:#81B0C7 1.5px solid;width: 180px;height: 25px;">
                        <span>用于接收订单提醒邮件，便于您及时了解订单状态</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span style="color:red;">*</span>邮政编码：
                    </td>
                    <td>
                        <input type="text" style="border:#81B0C7 1.5px solid;width: 180px;height: 25px;">
                        <span>有助于快递确认收获地址</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="#">选中常用地址</a>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="submit" value="保存收货人信息" style="border: none;background-color: #FF9900;color: #FFFFFF;font-size: 16px;font-weight: bold;width:130px;height: 32px;border-radius: 3px ">
                    </td>
                    <td>
                    </td>
                </tr>

            </table>
        </div>
        <div style="font-size: 14px">
            <p style="margin-left: 15px;margin-top: 7px;">支付及配送方式</p>
            <p style="margin-left: 40px;margin-top: 7px;">支付方式:在线支付</p>
            <p style="margin-left: 40px;margin-top: 7px;">配送方式:快速运输</p>
            <p style="margin-left: 40px;margin-top: 7px;">运费：0.00元<sapn style="color: red;">(免费运)</sapn></p>
        </div>

        <div style="width: 1000px;">
            <span style="margin-left: 10px;margin-top: 7px;font-size: 14px">商品详情</span>
            <span style="margin-left: 750px;margin-top: 7px;font-size:14px"><a href="${pageContext.request.contextPath}/shopCar.jsp">返回购物车修改</a></span>
        </div>
        <div>
            <div style="margin-top:20px;font-size: 12px;width: 950px;line-height:45px;height:45px;background-color: #F7F4EB;border-bottom: #CCCCCC 2px solid;border-top: #CCCCCC 2px solid">
                <ul>

                    <li class="li2" style="width: 40%">商品的名称</li>
                    <li class="li2" style="width: 15%">疯狂价</li>
                    <li class="li2" style="width: 10%">返现</li>
                    <li class="li2" style="width: 15%">小计(元)</li>
                    <li class="li2" style="width: 10%">库存</li>
                    <li class="li2" style="width: 10%">数量</li>
                </ul>
            </div>
            <table style="text-align: left;font-size: 12px;width: 950px;border-spacing: 0">
                <tr style="height: 70px">

                    <td style="width: 40%;border-bottom: #cccccc 2px solid">
                        <a href="${pageContext.request.contextPath}/GoodsInfo.jsp">Mentholatum曼秀雷敦男士冰爽活炭洁面乳150ml冰凉清爽，深层洁净 保持皮肤滋润清爽，让脸部恢复光滑 早晚使用，倍感肌肤清爽柔润</a>
                    </td>
                    <td style="width: 15%;border-bottom: #cccccc 2px solid">$39.90(0.7折)</td>
                    <td style="width: 10%;border-bottom: #cccccc 2px solid">$0.00</td>
                    <td style="width: 15%;border-bottom: #cccccc 2px solid">$27.93</td>
                    <td style="width: 10%;border-bottom: #cccccc 2px solid">100</td>
                    <td style="width: 10%;border-bottom: #cccccc 2px solid">1</td>
                </tr>
            </table>
        </div>
        <div>
            <p style="font-size: 16px;font-weight: bold">结算信息</p>
            <div style="text-align: center;width:950px;height: 150px;border-top:#ECCDA2 3px solid;background-color: #FFF4D7">
                <div style="width: 900px;border-bottom: #eccda2 2px dashed;height:80px;line-height: 80px"> <p>商品金额：27.93元+运费：0.00元-优惠劵：0.00元-返现：0.00元</p></div>
                <div style="width: 900px;height:80px;line-height: 80px;font-size: 20px;font-weight: bold;text-align: right"><p>应付总额：<span style="color: red">￥27.93</span>元</p></div>

            </div>

        </div>

        <div style="width: 950px;text-align: right;margin-top: 30px">
            <a href="${pageContext.request.contextPath}/order2.jsp"><img src="images/images/submit.jpg" alt=""></a>
        </div>

    </div>
</div>

<div style="width: 1000px;margin-top:50px">
    <img src="images/images/step.jpg" alt="">
</div>
</body>
</html>
